<div class="container">
  <div class="col-md-9 bottom-grids-left">
    <div class="f-products">
      <h2>Novidades</h2>
        <!----sreen-gallery-cursual---->
      <div class="sreen-gallery-cursual">
         <!-- requried-jsfiles-for owl -->
              <script>
                $(document).ready(function() {
                  $("#owl-demo").owlCarousel({
                    items : 3,
                    lazyLoad : true,
                    autoPlay : false,
                    navigation : true,
                    navigationText :  false,
                    pagination : false,
                  });
                });
               </script>
         <!-- //requried-jsfiles-for owl -->
         <!-- start content_slider -->
             <div id="owl-demo" class="owl-carousel text-center">
               <?php foreach($novidades as $novidade): ?>
                 <div class="item">
                   <div onclick="location.href='produtos/view/<?php echo $novidade['Produto']['id'] ?>';" class="product-grid">
                   <div class="product-pic">
                     <?php
                     $midia = null;
                     if(isset($novidade['Midia']['nm_midia']))
                      $midia = $novidade['Midia']['nm_midia'];
                      else
                      $midia = 'no-image.jpg';

                     echo $this->Html->image('thumb-'.$midia, array('title' => $novidade['Produto']['nome'], "style" => array('width:224px;height:224px'))) ?>
                   </div>
                   <div class="product-pic-info">
                     <h3><?php echo $this->Html->link($novidade['Produto']['nome'], array('controller' => 'produtos', 'action' => 'view', $novidade['Produto']['id'])) ?></h3>
                     <div class="product-pic-info-price-cart">
                       <div class="product-pic-info-price">
                         <span>R$<?php echo $novidade['Produto']['preco'] ?></span>
                       </div>
                       <div class="product-pic-info-cart">
                         <?php echo $this->Html->link('Comprar', array('controller' => 'produtos', 'action' => 'view', $novidade['Produto']['id']), array('class' => 'p-btn')) ?>
                       </div>
                       <div class="clearfix"> </div>
                     </div>
                   </div>
                 </div>
               </div>
               <?php endforeach ?>
                </div>
      <!--//sreen-gallery-cursual---->

    </div>
  </div>
  <?php if(!empty($ofertas)): ?>
  <div class="d-products f-products">
      <h2>Ofertas</h2>
        <!----sreen-gallery-cursual---->
      <div class="sreen-gallery-cursual">
         <!-- requried-jsfiles-for owl -->
                <script>
                $(document).ready(function() {
                  $("#owl-demo1").owlCarousel({
                    items : 3,
                    lazyLoad : true,
                    autoPlay : false,
                    navigation : true,
                    navigationText :  false,
                    pagination : false,
                  });
                });
               </script>
         <!-- //requried-jsfiles-for owl -->
         <!-- start content_slider -->
             <div id="owl-demo1" class="owl-carousel text-center">
               <?php foreach($ofertas as $oferta): ?>
                 <div class="item">
                   <div onclick="location.href='produtos/view/<?php echo $oferta['Produto']['id'] ?>';" class="product-grid">
                   <div class="product-pic">
                     <?php
                     $midia = null;
                     if(isset($oferta['Midia']['nm_midia']))
                      $midia = $oferta['Midia']['nm_midia'];
                      else
                      $midia = 'no-image.jpg';

                     echo $this->Html->image('thumb-'.$midia, array('title' => $oferta['Produto']['nome'], "style" => array('width:224px;height:224px'))) ?>
                   </div>
                   <div class="product-pic-info">
                     <h3><?php echo $this->Html->link($oferta['Produto']['nome'], array('controller' => 'produtos', 'action' => 'view', $oferta['Produto']['id'])) ?></h3>
                     <div class="product-pic-info-price-cart">
                       <div class="product-pic-info-price">
                         <span>R$<?php echo $oferta['Produto']['preco'] ?></span>
                       </div>
                       <div class="product-pic-info-cart">
                         <?php echo $this->Html->link('Comprar', array('controller' => 'produtos', 'action' => 'view', $oferta['Produto']['id']), array('class' => 'p-btn')) ?>
                       </div>
                       <div class="clearfix"> </div>
                     </div>
                   </div>
                 </div>
               </div>
               <?php endforeach ?>
                </div>
      <!--//sreen-gallery-cursual---->

    </div>
  </div>
  <?php endif ?>
  <div class="d-products f-products">
      <h2>Mais Procurados</h2>
        <!----sreen-gallery-cursual---->
      <div class="sreen-gallery-cursual">
         <!-- requried-jsfiles-for owl -->


                <script>
                $(document).ready(function() {
                  $("#owl-demo3").owlCarousel({
                    items : 3,
                    lazyLoad : true,
                    autoPlay : false,
                    navigation : true,
                    navigationText :  false,
                    pagination : false,
                  });
                });
               </script>
         <!-- //requried-jsfiles-for owl -->
         <!-- start content_slider -->
             <div id="owl-demo3" class="owl-carousel text-center">
               <?php foreach($maisVistos as $produto): ?>
                 <div class="item">
                   <div onclick="location.href='produtos/view/<?php echo $produto['Produto']['id'] ?>';" class="product-grid">
                   <div class="product-pic">
                     <?php
                     $midia = null;
                     if(isset($produto['Midia']['nm_midia']))
                      $midia = $produto['Midia']['nm_midia'];
                      else
                      $midia = 'no-image.jpg';

                     echo $this->Html->image('thumb-'.$midia, array('title' => $produto['Produto']['nome'], "style" => array('width:224px;height:224px'))) ?>
                   </div>
                   <div class="product-pic-info">
                     <h3><?php echo $this->Html->link($produto['Produto']['nome'], array('controller' => 'produtos', 'action' => 'view', $produto['Produto']['id'])) ?></h3>
                     <div class="product-pic-info-price-cart">
                       <div class="product-pic-info-price">
                         <span>R$<?php echo $produto['Produto']['preco'] ?></span>
                       </div>
                       <div class="product-pic-info-cart">
                         <?php echo $this->Html->link('Comprar', array('controller' => 'produtos', 'action' => 'view', $produto['Produto']['id']), array('class' => 'p-btn')) ?>
                       </div>
                       <div class="clearfix"> </div>
                     </div>
                   </div>
                 </div>
               </div>
               <?php endforeach ?>
                </div>
      <!--//sreen-gallery-cursual---->

    </div>
  </div>
  </div>
  <div class="col-md-3 bottom-grids-right">
    <h2>Ofertas Exclusivas</h2>
    <p>Se inscreva na nossa newsletter para receber ofertas exclusivas diretamente em seu e-mail!</p>
      <?php echo $this->Form->create('Email', array('controller' => 'emails', 'action' => 'add')) ?>
      <?php echo $this->Form->input('email', array('type'=>'text', 'placeholder' => 'Digite seu endereço de e-mail ...', 'class' => 'text', 'div' => false, 'label' => false)) ?>
      <?php echo $this->Form->submit('>>', array('div' => false)); ?>
      <?php echo $this->Form->end(); ?>
  </div>
  <div class="clearfix"> </div>
</div>
